<cfset myself = viewstate.getValue("myself")>
<script>
  this.showDesc = function(projectName) {
  	this.wipeReplace(dojo.byId('projectDetails'),"<cfoutput>#myself#</cfoutput>project.view&projectID="+projectName,500,200);
//    dojo.widget.byId('projectDetails').setContent("Hello " + projectName);
  }

	this.wipeReplace = function(node, newUrl, outTime, inTime) {
		// summary: change content of a DOM node with a wipe in/out effect
		if (outTime == null) outTime = 200;
		if (inTime == null) inTime = 500;
		
		var replaceCallback = function() {
			wipeInFunc = function(){
				node.style.height = '';		//  necessary to make sure item resets to smaller size
				dojo.widget.byId('projectDetails').setUrl(newUrl);
				dojo.lfx.fadeIn(node, inTime).play()
			};
			setTimeout(wipeInFunc,100);
		}
		dojo.lfx.fadeOut(node, outTime, null, replaceCallback).play();
	}	
</script>
<div id="fishEyeWrap" style="padding-left:42px">
	<div dojoType="FisheyeList"
		itemWidth="50" itemHeight="50"
		itemMaxWidth="100" itemMaxHeight="100"
		orientation="horizontal"
		effectUnits="2"
		itemPadding="10"
		attachEdge="top"
		labelEdge="bottom"
		conservativeTrigger="true"
	>
		<div dojoType="FisheyeListItem"
			caption="cfjexcel"
			iconsrc="/inc/fisheye/cfjexcel.png" onmouseover="scriptScope.showDesc('1');">
		</div>
	
		<div dojoType="FisheyeListItem"
			caption="cfsvn"
			iconsrc="/inc/fisheye/cfsvn.png" onmouseover="scriptScope.showDesc('1');">
		</div>
	
		<div dojoType="FisheyeListItem"
			caption="Item 3"
			iconsrc="/inc/fisheye/fisheye_3.png" onmouseover="scriptScope.showDesc('2');">
		</div>
	
		<div dojoType="FisheyeListItem"
			iconsrc="/inc/fisheye/fisheye_4.png" onmouseover="scriptScope.showDesc('3');">
		</div>
	
		<div dojoType="FisheyeListItem"
			caption="Really Long Item Label"
			iconsrc="/inc/fisheye/fisheye_3.png">
		</div>
	
		<div dojoType="FisheyeListItem"
			iconsrc="/inc/fisheye/fisheye_2.png">
		</div>
	
		<div dojoType="FisheyeListItem"
			iconsrc="/inc/fisheye/fisheye_1.png">
		</div>
	</div>
	<div style="height:20px"></div>
</div>

	<div dojoType="ContentPane" id="projectDetails" executeScripts="true" executeScripts="true">
	</div>
